<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>helloworld</title>
    <script type="text/javascript" src="dist/jquery-easyui-1.5/jquery.min.js" charset="utf-8"></script>
    <script src="dist/jquery-easyui-1.5/jquery.easyui.min.js" charset="utf-8"></script>
    <!--皮肤(全部皮肤)-->
    <link rel="stylesheet" href="dist/jquery-easyui-1.5/themes/default/easyui.css" charset="utf-8">
    <!--引入图标-->
    <link rel="stylesheet" href="dist/jquery-easyui-1.5/themes/icon.css" charset="utf-8">
    <!--引入中文-->
    <script src="dist/jquery-easyui-1.5/locale/easyui-lang-zh_CN.js" charset="utf-8"></script>
</head>

<body>
    <!--方式一-->
    <div id="dd" class="easyui-dialog" title="My Dialog" style="width:400px;height:200px;" data-options="iconCls:'icon-save',resizable:true,modal:true">
        Dialog Content.
    </div>
    .......
    <!--方式二-->
    <div id="aa" style="background:red">
    </div>
    <script>
        $('#aa').dialog({
            title: 'essss',
            width: 400,
            height: 200,
            closed: false,
            cache: false,
            modal: true //模式化
        });
    </script>
</body>

</html>